.tx_pic{width: 100%;padding-bottom: 75%;position: relative;overflow: hidden;}
.tx_pic img{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.font_inline{font-size:0;-webkit-text-size-adjust:none;}

.tx_title{font-size:48px;height:58px;line-height:58px;font-weight:normal;color:#333;position:relative;text-align:center;}
.tx_p{font-size:16px;height:1em;line-height:1em;color:#06C;margin-bottom:9px;text-transform:uppercase;text-align:center;}
.tx_pp{font-size:16px;line-height:28px;color:#333333;margin-top:16px;text-align:center;position:relative;z-index:1;}
.tx_a{display:block;width:175px;border:1px solid #D6D9DA;border-radius:30px;position:absolute;right:0;top:22px;text-align:center;}
.tx_a span{display:inline-block;height:46px;line-height:46px;padding-right:27px;background:url(../images/btn_icon1.png) no-repeat right center;font-size:14px;}

header{width: 100%;z-index: 999;left: 0;top: 0;position: fixed;background: rgba(0,0,0,.25);border-bottom: 1px solid rgba(255, 255, 255, 0.22);}
header.fixed{background: #ffffff;box-shadow: 0 6px 10px rgba(0,0,0,.2);}
header .container{width: calc(100% - 30px);max-width: 1660px;}
header .logo{width: 456px;float: left;display: block;padding: 15px 0 ;outline: none;}
header .logo a{}
header .logo img{height: 70px;display: block;}
header .logo img.logoh_img{display: none;}
header.fixed .logo img.logo_img{display: none;}
header.fixed .logo img.logoh_img{display: block;}
header .logo .title{display: none;}
nav{float: right;position: relative;}
nav ul{position: relative;}
nav li{float: left;position: relative;}
nav li a{font-size: 17px;color: #fff;display: block;line-height: 100px;margin: 0 2vw;text-transform: capitalize;}
nav li a:visited{color: #fff;}
nav li a.v1::after {content: '';display: block;position: absolute;width: 0;left: 0;bottom: 0;height: 3px;background: #06C;transition: all .5s;}
nav li .sub{display: none;position: absolute;top: 100%;width: 140%;margin-left: -20%;box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);text-align: center;z-index: 9;padding: 10px 0;background: #f7f7f7;}
nav li .sub a{display: block;font-size: 16px;color: #000;line-height: 40px;margin: 0;}
nav li .sub a:hover{background: #06C;color: #fff;}
nav li.active a.v1::after, nav li:hover a.v1::after {width: 100%;}
nav li.active a.v1, nav li:hover a.v1 {color: #06C;}
header.fixed nav li a{color: #000;}
nav .tel .ico {display: block;height: 50px;width: 50px;background: url(../images/icon_dh.svg) no-repeat center;float: left;margin-top: 25px;}
nav .tel .phone{float: left;line-height: 100px;font-size: 22px;color: #ffffff;}

head-mobile{display: none;}
.nav_mobile{position: fixed;top: 60px;left: 0;right: 0;bottom: 0;z-index: 99;overflow: hidden;background: #fff;width: auto;float: none;padding: 0;display: none;border-top: 1px solid #eee;}
.nav_mobile ul{position: relative;}
.nav_mobile li{position: relative;}
.nav_mobile li i{position: absolute;width: 20px;height: 14px;background: url(../images/icon_navb.png) no-repeat center;-webkit-background-size: cover;background-size: cover;right: 8px;top: 10px;}
.nav_mobile li a{}
.nav_mobile li a.i1{height: 40px;line-height: 40px;text-align: left;padding: 0 20px;color: #333;border-bottom: 1px solid #eee;font-size: 14px;display: block;text-transform: uppercase;margin: 0;overflow: hidden;}
.nav_mobile li .sub{padding: 10px 0;background-color: #008ef6;display: none;}
.nav_mobile li .sub a{padding-left: 20px;text-align: left;line-height: 30px;color: #fff;font-size: 14px;display: block;}
.nav_mobile li:hover i{transform:rotate(180deg);top: 5px;right: 0px;}
header.fixed nav .seach .so{background: url(../images/icon_ss_h.png) no-repeat center;}
header.fixed nav .tel .ico{background: url(../images/icon_dh_h.svg) no-repeat center;display: block;height: 50px;width: 50px;}
header.fixed nav .tel .phone{color: #000;}

.hd-mobile {display: block;position: fixed;z-index: 999;top: 0;width: 100%;left: 0;background: #ffffff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);display: none;}
.menuBtn{display: none;position: fixed;top: 16px;right: 12px;width: 30px;height: 30px;cursor: pointer;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.menuBtn b{display: block;height: 4px;background-color: #06C;margin: 4px 0;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 0px;top: 50%;margin-top: -5px;width: 30px;}
.menuBtn.open b:first-child{display: block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.menuBtn.open b:last-child{display: block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.nav_mobile{position: fixed;top: 60px;left: 0;right: 0;bottom: 0;z-index: 99;overflow: hidden;background: #fff;width: auto;float: none;padding: 0;display: none;}
.nav_mobile li{position: relative;}
.nav_mobile li .v1{line-height: 40px;text-align: left;padding:0 20px;color:#333; border-bottom:1px solid #eee;font-size: 14px;display: block; }
.nav_mobile li i {display: block;width: 40px;height: 40px;background-position: center center;position: absolute;right: 0;top: 0;z-index: 9;background: url(../images/sel.png) no-repeat center center;-webkit-background-size: 18px 18px;background-size: 18px 18px;}
.nav_mobile li .sub{padding: 10px 0;background-color: #e60113 ;display: none;}  
.nav_mobile li .sub a{padding-left: 20px;text-align: left;line-height: 40px;font-size: 14px;display: block;color:#fff;}
.nav_mobile .v1{height: 40px;line-height: 40px;text-align: left;color:#333;padding-left: 10px;margin:0;overflow: hidden;}
.nav_mobile li:hover .v1, .nav_mobile li.on .v1{background: none;}
.nav_mobile li .v1::after{display: none;}
#floatBottom{display: block;}
.nav_mobile .row{position: relative;}
.nav_mobile .ss{display: none;background-color: #fff;padding: 10px 0;}
.nav_mobile li .sub .ss a{color:#333;}
.nav_mobile .down {display: block;width: 40px;height: 40px;background-position: center center;position: absolute;right: 0;top: 0;z-index: 9;background: url(../images/down.png) no-repeat center center;-webkit-background-size: 18px 18px;background-size: 18px 18px;}
.head_line{height: 0;}

footer {background-color:#272a2c;}
footer .foot-nav {padding-top:59px;box-sizing:border-box;position:relative;border-bottom:1px solid #5c5c5c;padding-bottom:20px}
footer .foot-nav .container {height:100%;position:relative;}
footer .foot-nav .container ul {position:absolute;width:1500px;top:-95px;height:70px;line-height:70px;display:flex;align-items:center;justify-content:space-between;background-color:#06C;padding:0 50px;}
footer .foot-nav .container ul li {position:relative;}
footer .foot-nav .container ul li a {font-size:16px;color:#fff;transition:0.3s;}
footer .foot-nav .container ul li a:hover {color:#ffb123;}
footer .foot-nav .container ul li::after {content:"";position:absolute;right:-57px;top:50%;width:1px;height:16px;display:block;transform:translateY(-50%);background-color:#ffffff;}
footer .foot-nav .container ul li:last-child::after {display:none;}
footer .foot-nav .container .foot-link {}
footer .foot-nav .container .foot-link .icon {width:26px;margin-right:10px;float:left}
footer .foot-nav .container .foot-link .word {}
footer .foot-nav .container .foot-link .word span {font-size:16px;color:#fff;}
footer .foot-nav .container .foot-link .word a {margin-right:8px;font-size:14px;color:#b3b3b3;transition:0.3s;}
footer .foot-nav .container .foot-link .word a:hover {color:#ffb123;}
footer .foot-main {padding:40px 0;}
footer .foot-main .container {display:flex;}
footer .foot-main .container .foot-logo {flex:3;text-align:center;padding-top:20px;border-right:1px solid #525252;}
footer .foot-main .container .foot-logo img {width:158px;}
footer .foot-main .container .middle {flex:5;padding-left:70px;border-right:1px solid #525252;}
footer .foot-main .container .middle h3 {font-weight:400;font-size:18px;color:#fff;}
footer .foot-main .container .middle .info p {margin-top:15px;font-size:16px;color:#b3b3b3;}
footer .foot-main .container .leave {flex:4;text-align:center;;padding-top:20px;}
footer .foot-main .container .leave img {width:158px;}
footer .banquan {height:70px;line-height:70px;border-top:1px solid #4d4d4d;}
footer .banquan .container {justify-content:space-between;font-size:15px;color:#b3b3b3; text-align:center;}
footer .banquan .container a {color:#b3b3b3; padding-left:10px;}
footer .banquan .container a:hover,footer .banquan .container a:active {color:#b3b3b3;}

@media screen and (max-width:1699px){
    .tx_title{font-size:42px;height:52px;line-height:52px;}
    .tx_p{font-size:15px;margin-bottom:7px;}
    .tx_pp{font-size:15px;line-height:26px;margin-top:12px;}
    .tx_a{width:165px;top:22px;}
    .tx_a span{height:40px;line-height:40px;padding-right:18px;background-size:auto 11px;}

    nav li a{font-size: 16px;}
    nav li .sub a{font-size: 15px;}
    nav .tel .phone{font-size: 18px;}
}

@media screen and (max-width:1499px){
    .tx_title{font-size:36px;height:46px;line-height:46px;}
    .tx_p{font-size:14px;margin-bottom:5px;}
    .tx_pp{font-size:14px;line-height:24px;margin-top:9px;}
    .tx_a{width:165px;top:22px;}
    .tx_a span{height:40px;line-height:40px;padding-right:18px;background-size:auto 11px;}

    header .logo{width: 320px;}
    nav li a{line-height: 90px;}
	header .logo img{ height:60px}
    nav .seach .so{height: 90px;}
    nav .tel .ico{height: 90px;}
    nav .tel .phone{line-height: 90px;}
}

@media screen and (max-width:1299px){	
    .tx_title{font-size:30px;height:40px;line-height:40px;}
    .tx_p{margin-bottom:3px;}
    .tx_pp{margin-top:5px;}
    .tx_a{width:140px;top:15px;}
    .tx_a span{height:34px;line-height:34px;padding-right:14px;background-size:auto 9px;}

    nav li:last-child{display: none;}
	
	footer .foot-nav .container ul { width: auto; max-width: 1200px; position: initial; transform: none;}
    footer .foot-nav { height: auto; padding: 20px 0;}
    footer .foot-nav .container .foot-link { margin-top: 15px;}
    footer .foot-nav .container ul li::after {display: none;}
}

@media screen and (max-width:1023px){
	
    .tx_title{font-size:24px;height:32px;line-height:32px;}
    .tx_pp br{display:none;}
    .tx_a{top:10px;}

    header{display: none;}
    .hd-mobile{display: block;}
    .menuBtn{display: block;}
    .hd-mobile .logo {line-height: 60px;}
    .hd-mobile .logo img{height: 40px;}
    .head_line{height: 60px;}

    footer .foot-main .container .foot-logo {display: none;}
    footer .foot-main .container .middle {padding-left: 0;}

}

@media screen and (max-width:767px){	
    footer .foot-nav {display: none;}
    footer .banquan .container span {display: none;}
    footer .banquan {height: auto;line-height: normal;padding: 15px 0;text-align: center;}
    footer .banquan .container {display: block; line-height:30px;}
}

@media screen and (max-width: 640px) {
	footer .foot-main .container {display: block;}
    footer .foot-main .container .leave {padding-left: 0;margin-top: 20px;}
    footer .foot-main .container .middle {border: none;}
}


.ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;}
.ab_img p{text-wrap: inherit !important;}
.ab_img p span{text-wrap: inherit !important;}

/* page */
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {display: flex;justify-content: center;margin-top: 10px;}
.pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 16px; padding: 15px 15px; margin: 0 2px; border-radius: 3px; line-height:100%}
.pagination span { color: #333; font-size: 16px; padding: 7px 2px; margin: 0 2px; border-radius: 3px;}
.pagination a:hover {color: #06C;border: 1px solid #06C;}
.pagination a.page-num {color: #333; padding: 15px 25px;}
.pagination a.page-num-current {color: #fff; background: #06C;border: 1px solid #06C;}